<template>
  <div class="cart-list-frame">
    <CardVertical
      v-for="(item, index) in data"
      :key="index"
      :data="item"
      :style="{ 'order': item.info.order }"
      @click="$emit('click',item,$event)"
      @dblclick="$emit('dblclick',item,$event)"
      @contextmenu.prevent="$emit('rightClick',item,$event)"
    />
  </div>
</template>
<script>
export default {
  name: 'CardVerticalList',
  components: {
    CardVertical: () => import('@components/CardVertical.vue')
  },
  props: {
    data: {
      type: Array,
      default: () => []
    }
  }
}
</script>
<style scoped>
.cart-list-frame {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
</style>
